/* Settings for the whole widget */
body{
	font-family: sans-serif;
	font-size: 12px;
}

#top {
	background: transparent url('../dark/top_g.png') no-repeat scroll 0 0 ;
	height:62px;
	width: 224px;
	}

#front_bottom {
  display:block;
  position: relative;
  top:-144px;
  height:60px;
	background: transparent url('../dark/bottom_g.png') no-repeat scroll 0 0 ;
	width: 224px;
	z-index: -1;
	/*border: 1 green solid;*/
	}
#back_bottom{
  display:none;
  position: relative;
  top:-12px;
  height:60px;
	background: transparent url('../dark/bottom_g.png') no-repeat scroll 0 0 ;
	width: 224px;
	z-index: -1;
	/*border: 1 green solid;*/
	}



.cours{
background: transparent url('../dark/center_g.png') repeat-y scroll 0 0;
width:220px;
text-align: center;
	color:white;
/*border: 1px black solid;*/
padding: 10px 0px 10px 0px;


}

/* Basic styles for the front and back of the widget */
#mainView{
	display: block;
	
	/*background: transparent url(../img/200_300_milk.png) 0px 0px no-repeat;*/
}
#configView{
  position: relative;
  top:-12px;
  /*border: 1 red solid;*/
	display: none;
	width: 230px; 
	background:transparent url('../dark/center_g.png') repeat-y scroll 0 0;
	/*background: transparent url(../img/200_300_milk.png) 0px 0px no-repeat;*/
}

/* The buttons on the top left of the widget */
.reloadButton{
	position: fixed;
	top: 48px;
	left: 180px;
	width: 15px;
	height: 15px;
	background: transparent url(../img/reloadButton15px.png)  no-repeat;
}
.configButton{
	position: fixed;
  top: 48px;
	left: 195px;
	width: 15px;
	height: 15px;
	background: transparent url(../img/configButton15px.png) no-repeat;
}
.closeButton{
	position: fixed;
	top: 48px;
	left: 210px;
	width: 15px;
	height: 15px;
	background: transparent url(../img/closeButton15px.png) no-repeat;
}
/* common settings for all elements belonging to the button class */
.button:hover{
	background-position: 0 50%;
}
.button:active{
	background-position: 0 100%;
}

.nextButton{
  position: relative;
	top: -95px;
	left: 190px;
	width: 21px;
	height: 25px;
	background: transparent url(../img/right.png) no-repeat;

}
.loading{
background: url(../img/ajax-loader.gif) no-repeat;
position:relative;
top:40px;
left:100px;
height:70px;
width:32px;
padding-top: 30px;
}
.prevButton{
  position: relative;
  top:-70px;
	left: 20px;
	width: 21px;
	height: 25px;
	background: transparent url(../img/left.png) no-repeat;

}

.nextButton:hover{
	background: transparent url(../img/right_down.png) no-repeat;
}

.prevButton:hover{
	background: transparent url(../img/left_down.png) no-repeat;
}

.downButton{
  position: relative;
	top: -20px;
	left: 76px;
	width: 21px;
	height: 25px;
	background: transparent url(../img/down.png) no-repeat;
}

.back{
position: relative;
top:-0px;
left:10px;
width: 200px;
color:white;
font-weight: bolder;
/*border: 1 black solid;*/

}
.upButton{
  position: relative;
  top:-45px;
	left: 133px;
	width: 21px;
	height: 25px;
	background: transparent url(../img/up.png) no-repeat;

}

.downButton:hover{
	background: transparent url(../img/down_down.png) no-repeat;
}

.upButton:hover{
	background: transparent url(../img/up_down.png) no-repeat;
}

.optionlist{
text-align: center;
}

.selectlist{
font-size: 10px;
}

.stylelist{
position:relative;
top:20px;
/*font-size: 10px;*/
text-align: center;
}

#about{
text-align: center;
font-size: 10px;
position:relative;
top: 20px;
}
#status{
position: relative;
top: -20px;
left:10px;
width:200px;
height:20px;
font-weight: 600;
font-size:14px;
text-align: center;
color:white;
/*border: 1px blue solid;*/

}
#item{
position:relative;
top:-24px;
width:230px;
/*border: 1px red solid;*/
}
.name{
  position:relative;
  left:10px; 
/*border: 1px green solid;*/
  font-weight: bolder;
  font-size:11px;
  width:202px;
  text-align: center;
  /*background-color: rgb(52,52,52);
  padding-top: 2px;
  padding-bottom: 2px;
  
  border-top-style:solid;
  border-color:rgb(52,52,52);
	border-top-width:1px;
  
  border-left: 1 rgb(52,52,52) solid;
  border-right: 1 rgb(52,52,52) solid;
  margin-top: 7px;*/
}
.room{
  /*border-left: 1 rgb(52,52,52) solid;
  border-right: 1 rgb(52,52,52) solid;
  position:relative;
  top:-11px;
  */
  font-weight: 600;
  font-size:11px;
}
.time{

  /*position:relative;
  top:18px;
  border-left: 1 rgb(52,52,52) solid;
  border-right: 1 rgb(52,52,52) solid;
  border-bottom: 1 rgb(52,52,52) solid;*/
  padding-bottom: 2px;
}

.duration{
  display:none;
}

.teacher{
  display:none;
}

.date{
  display:none;
  font-weight: 600;
  font-size:14px;
  top: 230px;
  left:68px;
}
